<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/作业2.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2798806_nu303bjt13.css">
</head>
<body>
    <div class="nav">
        <div class="nav-to">
            <div class="nav-top">
                <i class="iconfont icon-diandiandian"></i>
                <p>中国联通</p>
                <i class="iconfont icon-wifi"></i>
            </div>
            <div class="nav-tpe">
                <p>14.25</p>
            </div>
            <div class="nav-cop">
                <i class="iconfont icon-suoding"></i>
                <i class="iconfont icon-lanya"></i>
                <i class="iconfont icon-electricquantity3dianchidianliang"></i>
            </div>
        </div>

        <div class="nav-df">
            <div>
                <i class="iconfont icon-xiaoyuhao"></i>
            </div>
            <div>
                <p>阅读</p>
            </div>
            <div class="nac-top">
                <i class="iconfont icon-diandiandian"></i>
            </div>
        </div>


            <div class="nav-foot">
                <img src="./images/hk.png" width="375" height="250" alt="">
            </div>

            <div class="nav-eq">
                <div>
                    <img src="./images/hk1.png" width="90" height="90" style="margin-left: 15px; margin-top: 10px;" alt="">
                    <p class="hp-uo">肖申克的救赎...</p>
                    <p class="yu-p">9.6</p>
                </div>
                <div>
                    <img src="./images/hk1.png" width="90" height="90" style="margin-left: 15px; margin-top: 10px;" alt="">
                    <p class="hp-uo">肖申克的救赎...</p>
                    <p class="yu-p">9.6</p>
                </div>
                <div>
                    <img src="./images/hk1.png" width="90" height="90" style="margin-left: 15px; margin-top: 10px;" alt="">
                    <p class="hp-uo">肖申克的救赎...</p>
                    <p class="yu-p">9.6</p>
                </div>
            </div>

            <div class="nav-eq">
                <div>
                    <img src="./images/hk1.png" width="90" height="90" style="margin-left: 15px; margin-top: 10px;" alt="">
                    <p class="hp-uo">肖申克的救赎...</p>
                    <p class="yu-p">9.6</p>
                </div>
                <div>
                    <img src="./images/hk1.png" width="90" height="90" style="margin-left: 15px; margin-top: 10px;" alt="">
                    <p class="hp-uo">肖申克的救赎...</p>
                    <p class="yu-p">9.6</p>
                </div>
                <div>
                    <img src="./images/hk1.png" width="90" height="90" style="margin-left: 15px; margin-top: 10px;" alt="">
                    <p class="hp-uo">肖申克的救赎...</p>
                    <p class="yu-p">9.6</p>
                </div>
            </div>




    </div>
</body>
</html>